     /*全局设置*/
     * {
         box-sizing: border-box;
     }

     html {
         width: 99%;
         height: 100vh;
         margin: 0 auto;
         padding: 0 0 0;
     }

     li {
         list-style: none;
     }

     body {
         background: url("images/bg.jpg") no-repeat top center;
         line-height: 1.15;
         margin: 0;
         padding: 0;
     }

     /* 声明字体*/
     @font-face {
         font-family: electronicFont;
         src: url(font/DS-DIGIT.TTF);
     }

     /*头部样式设置*/
     header {
         position: relative;
         height: 9.12vh;
         background: url("images/head_bg.png") no-repeat;
         background-size: 100% 100%;
     }

     header>h1 {
         font-size: 3.9vh;
         color: #ffffff;
         text-align: center;
         margin-top: 5vh;
         line-height: 0.5vh;
     }

     header>.showTime {
         position: absolute;
         right: 2vh;
         line-height: 1vh;
         top: 3vh;
         color: rgba(255, 255, 255, 0.7);
         font-size: 2vh;
     }

     .su_name {
         position: absolute;
         left: 12vh;
         top: 2vh;

     }

     .su_name span {
         color: rgb(172, 219, 218);
         font-size: 15px;
         vertical-align: middle;
     }

     .su_name select {
         width: 145px;
         height: 22px;
     }

     /*页面主体盒子 */
     .mainbox {
         display: flex;
         margin: 0 auto;
         padding: 0 0 0;
     }

     .mainbox .column {
         flex: 3;
     }

     .mainbox .column:nth-child(2) {
         flex: 4;
     }

     /* 板块模式 */
     .panel {
         position: relative;
         height: 255px;
         border: 0.2vh solid rgba(25, 186, 139, 0.17);
         background: url("images/line(1).png") rgba(255, 255, 255, .04);
         padding: 0 0 0;
         margin: 0.01vh 0;
         margin-bottom: 1.2vh;
         display: flex;
     }

     .panel::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 1vh;
         height: 1vh;
         border-top: 0.5vh solid #02a6b5;
         border-left: 0.5vh solid #02a6b5;
     }

     .panel:after {
         content: '';
         position: absolute;
         top: 0;
         right: 0;
         width: 1vh;
         height: 1vh;
         border-top: 0.5vh solid #02a6b5;
         border-right: 0.5vh solid #02a6b5;
     }

     .panel .panel-footer {
         position: absolute;
         bottom: 0;
         width: 100%;
     }

     .panel-footer::before {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         width: 1vh;
         height: 1vh;
         border-bottom: 0.5vh solid #02a6b5;
         border-left: 0.5vh solid #02a6b5;
     }

     .panel-footer::after {
         content: '';
         position: absolute;
         bottom: 0;
         right: 0;
         width: 1vh;
         height: 1vh;
         border-bottom: 0.5vh solid #02a6b5;
         border-right: 0.5vh solid #02a6b5;
     }

     .panel h2 {
         width: 100%;
         height: 20px;
         color: #fff;
         font-size: 12;
         text-align: center;
         font-weight: 400;
         line-height: 20px;

     }

     .panel .text {
         display: flex;
         position: absolute;
         top: 52px;
         bottom: 0;
         width: 100%;
         height: 200px;
     }

     .left,
     .right {
         flex: 2;
     }

     .text .da {
         flex: 3;
     }

     .text .xiao {
         flex: 1.5;
     }

     .no {
         background-color: rgba(101, 132, 226, 0.1);
         padding: 10px;
     }

     .no-hd {
         position: relative;
         border: 1px solid rgba(25, 186, 139, 0.17);
     }

     .no-hd ul {
         display: flex;
     }

     .no-hd ul li {
         text-align: center;
         line-height: 20px;
         flex: 1;
         height: 20px;
         font-size: 28px;
         color: #ffeb7b;
         font-family: electronicFont;
         list-style: none;
         font-weight: 700;
     }

     .no-hd::before {
         content: '';
         position: absolute;
         top: 0px;
         left: 0px;
         width: 30px;
         height: 10px;
         border-top: 2px solid #02a6b5;
         border-left: 2px solid #02a6b5;
     }

     .no-hd::after {
         content: '';
         position: absolute;
         bottom: 0px;
         right: 0px;
         width: 30px;
         height: 10px;
         border-bottom: 2px solid #02a6b5;
         border-right: 2px solid #02a6b5;
     }

     .no-bd ul {
         display: flex;
     }

     .no-bd ul li {
         flex: 1;
         text-align: center;
         color: rgba(255, 255, 255, 0.7);
         font-size: 10px;
         height: 10px;
         line-height: 10px;
         padding: 10px;
     }

     .map1 {
         position: relative;
         display: flex;
         height: 80px;
     }

     .map1 h2 {
         flex: 2;
         position: relative;
         left: 35px;
         top: 40px;
         display: inline-block;
         font-size: 18px;
         color: rgb(76, 215, 240);
     }

     .map1 a {
         /* flex: 1; */
         /* background-color: pink; */
         color: white;
         font-size: 12px;
         margin-right: 35px;
         margin-top: 10px
     }

     .map1 a:hover {
         color: red;
         font-size: 15px;
         ;
     }

     .map .c_map {
         width: 100%;
         height: 580px;
     }